@import "../../../common";

.my-sign-up-container {
  box-sizing: border-box;
  padding: 24rpx 20rpx;
  .block {
    box-sizing: border-box;
    padding: 0 24rpx;
    background-color: #ffffff;
    border-radius: 24rpx;
    margin-bottom: 24rpx;

    &.sign-up {
      margin-bottom: 120rpx;
    }

    .title {
      font-weight: 500;
      font-size: 32rpx;
      color: #000000;
      line-height: 32rpx;
      padding: 32rpx 0;
    }

    .line {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 98rpx;

      image {
        width: 64rpx;
        height: 64rpx;
        border-radius: 50%;
      }

      &.border-bottom {
        border-bottom: 1px solid #eee;
      }

      text {
        font-size: 28rpx;

       &.label {
          color: #666666;
        }

       &.value {
          color: #000000;
        }
      }
    }

    .sign-up-info {
      background-color: #F8F8F8;
      border-radius: 24rpx;
      box-sizing: border-box;
      padding: 0 24rpx;

      .driving-school,
      .type,
      .name {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .name {
        image {
          width: 36rpx;
          height: 36rpx;
          margin-right: 6rpx;
        }

        text {
          @include fontStyle(32, 32, #000000, 500);
        }
      }

      .time {
        @include fontStyle(24, 24, #666666, 400);
      }

      .driving-school {
        padding: 32rpx 0 48rpx 0;
      }

      .type {
        padding: 0 0 32rpx 0;

        view {
          &.type_1 {
            @include fontStyle(28, 28, #000000, 500);
          }

          &.type_2 {
            color: #fe5953;
            font-weight: 600;
            font-size: 28rpx;
            display: flex;
            align-items: flex-end;

            text {
              font-weight: 400;
              font-size: 20rpx;
            }
          }
        }
      }
    }
  }

  .none {
    @include flex-center;
    @include fontStyle(28, 28, #999999, 400);
    padding-bottom: 32rpx;
  }
}
